<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%> 
    <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="keywords" content="">
		<meta name="description" content="">
		<link rel="stylesheet" href="css/safe/css.css" />
		<link rel="stylesheet" href="css/safe/common.min.css" />
		<link rel="stylesheet" href="css/safe/ms-style.min.css" />
		<link rel="stylesheet" href="css/safe/personal_member.min.css" />
		<link rel="stylesheet" href="css/safe/Snaddress.min.css" />
		<link rel="stylesheet" href="css/sui.css" />
		
 <link href="css/style.css" rel="stylesheet"> 
			<script type="text/javascript" src="js/jquery-1.9.1.min.js" ></script>
		<script type="text/javascript" src="js/sui.js" ></script>
		<style>

			progress {
				width: 300px;
				border: 1px solid #ffffff;
				background-color: #e6e6e6;
				color: #0064B4;
				/*IE10*/
			}
			
			progress::-moz-progress-bar {
				background: #FFFFFF;
			}
			
			progress::-webkit-progress-bar {
				background: #ccc;
			}
			
			progress::-webkit-progress-value {
				background: #FF7700;
			}
			a{
				color: #000000;
			}
			.sui-table th, .sui-table td {
		    padding: 16px 8px;
		    line-height: 18px;
		    text-align: center;
		    vertical-align: middle;
		    border-top: 1px solid #e6e6e6;
		    
		}
	 .sui-nav.nav-tabs > .active > a {
	    border:1px #fff solid;
	    background-color: #fff;
	     border-bottom-color: transparent; 
	    cursor: default;
	    font-weight: normal;
	    color: #F2873B;
		}
		.sui-nav.nav-tabs > li > a {
		    color: #333333;
		    line-height: 18px;
		    -webkit-border-radius: 3px 3px 0 0;
		    -moz-border-radius: 3px 3px 0 0;
		    border-radius: 3px 3px 0 0;
		    border: 1px #fff solid;
		    border-bottom: 1px #fff solid;
		    height: 30px;
		    width: 80px;
		    text-align: center;
		    padding-top: 10px;
		    font-size: 14px;
		}
		.sui-nav.nav-tabs {
		    border-bottom: 1px solid #CECECE;
		    padding-left: 5px;
		}
		/*.sui-nav.nav-tabs > .active > a:hover {
			  font-weight: bold;
		    cursor: default;
		    font-weight: bold;
		    color: #F37B1D;
		}*/
		.sui-nav.nav-tabs > li {
		    margin-bottom: -1px;
		     background-color: #fff; 
		     border-bottom: 1px #ccc solid;
		}
		.sui-nav.nav-tabs > .active {
		    border-bottom: 0;
		}
		.sui-nav.nav-tabs > li + li {
		    margin-left: -3px;
		}
		</style>
	</head>

	<body class="ms-body">
	<header class="main-header header-style-one" >
 <!--上导航-->
        <div class="header-upper">
            <div class="inner-container clearfix">
                <!--Logo-->
                <div class="logo-box">
                    <div class="logo"><a href="index.jsp" title="Hotera - Hotel and Restaurant HTML Template"><img src="images/logo.png" style="width: 120px;height: 48px;margin-top: 10px" alt="Hotera - Hotel and Restaurant HTML Template" title="Hotera - Hotel and Restaurant HTML Template"></a></div>
                </div>
                <div class="nav-outer clearfix">
                    <!--Mobile Navigation Toggler-->
                     <div class="mobile-nav-toggler"><span class="icon flaticon-menu-2"></span><span class="txt">Menu</span></div>

                    <!-- Main Menu -->
                    <nav class="main-menu navbar-expand-md navbar-light">
                        <div class="collapse navbar-collapse show clearfix" id="navbarSupportedContent">
                            <ul class="navigation clearfix">
                                <li class="current dropdown"><a href="index.jsp">首页</a>                             
                                </li>                          
                                <li  class="dropdown"><a href="room.jsp">住宿</a>                   
                                </li>
                                <li  class="dropdown"><a href="#">客服中心</a>
                                </li>                              
                            </ul>
                        </div>
                    </nav>
                </div>

                <div class="other-links clearfix">
                    <div class="info">
                        <ul class="clearfix">
                            <li><a href="login.jsp"><span class="icon flaticon-padlock"></span><span class="txt">Login</span></a></li>
                            <li><a href="#"><span class="icon flaticon-smartphone-2"></span><span class="txt">+086 198 7307 744</span></a></li>
                        </ul>
                    </div>
                    <div class="link-box">
                        <a href="index.jsp" class="theme-btn btn-style-one" ><span class="btn-title">首页</span></a>
                    </div>
                </div>

            </div>
        </div>
        <!--End上导航-->
        </header>
		<div id="" class="ng-top-banner"></div>
		<div class="ng-toolbar">
			<div class="ng-toolbar-con wrapper">
				<div class="ng-toolbar-left">
					
					<div class="ng-bar-node-box ng-site-nav-box">
						
						<div class="ng-sn-site-nav ng-d-box site-nav-child" style="display:none;">
							<dl class="sn-site-list lnb">
								
								
							</dl>
							<dl class="sn-site-list">
								
								
							</dl>
							<dl class="sn-site-list">
								
								
							</dl>
							<dl class="sn-site-list">
								
								
							</dl>
							<dl class="sn-site-list rnb">
								
								
							</dl>
							<a href="" class="ng-close"><em class="ng-iconfont"></em></a>
						</div>
					</div>

				</div>
				<div class="ng-toolbar-right">
					<a href="" class="ng-bar-node username-bar-node username-bar-node-showside" id="" rel="nofollow" style="display:none;">
						<span id="">吉米小子</span>
						<em class="hasmsg ng-iconfont"></em>
					</a>
					<div class="ng-bar-node-box username-handle" id="" style="display: block;">
						<a href="" rel="nofollow" class="ng-bar-node username-bar-node username-bar-node-noside">
							<span id="">吉米小子</span>
							<em class="hasmsg ng-iconfont"></em>
							<em class="ng-iconfont down"></em>
						</a>
						<div class="ng-d-box ng-down-box ng-username-slide" style="display:none;">
							<a href="" class="ng-vip-union" target="_blank" rel="nofollow">账号管理</a>
							<a href="" rel="nofollow">退出登录</a>
						</div>
					</div>
					<div class="ng-bar-node reg-bar-node" id="reg-bar-node" style="display: none;">
						<a href="" rel="nofollow" class="login">登录</a>
						<a href="" target="_blank" class="login reg-bbb" rel="nofollow">注册</a>
					</div>

					<div class="ng-bar-node-box myorder-handle">
						<a class="ng-bar-node ng-bar-node-fix touch-href ng-bar-node-pr5"><span>我的买啦</span><em class="ng-iconfont down"></em></a>
						<div class="ng-down-box ng-d-box myorder-child" style="display:none;">
							<a>待支付<em id="waitPayCounts"></em></a>
							<a>待收货<em id="waitDeliveryCounts"></em></a>
							<a>待评价<em id="waitEvaluation"></em></a>
							<a>修改订单</a>
						</div>
					</div>
					<a class="ng-bar-node ng-bar-node-mini-cart" rel="nofollow" href="">
						<span><img src="img/购物车.png" />&nbsp;购物车</span>
						<span class="total-num-bg-box">
						<em></em>
						<i></i>
					</span>
						</span>
					</a>
					<div class="ng-bar-node-box mysuning-handle">
						<a href="" rel="nofollow" name="" class="ng-bar-node ng-bar-node-fix touch-href ng-bar-node-pr5"><span>收藏夹</span><em class="ng-iconfont down"></em></a>
						<div class="ng-down-box ng-d-box mysuning-child" style="display:none;">
							<a href="" rel="nofollow" target="_blank">我的二手</a>
							<a href="" rel="nofollow">我的收藏</a>
						</div>
					</div>

					<div class="ng-bar-node-box app-down-box">
						<a href="" target="_blank" rel="nofollow" class="ng-bar-node mb-suning touch-href">
							<span>关注买啦</span>
						</a>
						<div class="ng-mb-box ng-d-box mb-down-child" style="display:none;">
							<div class="ng-code-box">
								<p class="ng-tip">
									<a href="" rel="nofollow" target="_blank"></a>
								</p>
								<a target="_blank">
									<img src="" height="80" width="80">
								</a>
							</div>
							<div class="ng-app-box">
								<div class="ng-app-list">
									<a href="" target="_blank" rel="nofollow" class="ng-app">
										<img src="" title="###"></a>
									<a href="" target="_blank" rel="nofollow" class="ng-app">
										<img src="" title="###"></a>
									<a class="ng-app">
										<img src="" title="###"></a>
									<a href="" target="_blank" rel="nofollow" class="ng-app">
										<img src="" title="###"></a>
								</div>
							</div>
							<a href="" target="_blank" rel="nofollow">
								<img src="" height="35" width="242">
							</a>
							<a href="" class="ng-close" rel="nofollow"><em class="ng-iconfont"></em></a>
						</div>
					</div>

					<a href="" class="ng-bar-node ng-bar-node-pr5" target="_blank"><span>卖家中心</span><em class="ng-iconfont down"></em></a>
					<div class="ng-bar-node-box service-handle">
						<a href="" class="ng-bar-node ng-bar-node-service ng-bar-node-fix touch-href ng-bar-node-pr5" rel="nofollow"><span>联系我们</span><em class="ng-iconfont down"></em>
				    </a>
						
					</div>
				</div>
				<div id="ng-minicart-slide-box"></div>
			</div>
		</div>
		<header class="ms-header ms-header-inner ms-head-position">
			<article class="ms-header-menu">
				<style type="text/css">
					.nav-manage .list-nav-manage {
						position: absolute;
						padding: 15px 4px 10px 15px;
						left: 0;
						top: -15px;
						width: 90px;
						background: #FFF;
						box-shadow: 1px 1px 2px #e3e3e3, -1px 1px 2px #e3e3e3;
						z-index: 10;
					}
					
					.ms-nav li {
						float: left;
						position: relative;
						padding: 0 20px;
						height: 44px;
						font: 14px/26px "Microsoft YaHei";
						color: #FFF;
						cursor: pointer;
						z-index: 10;
					}
					.sui-table th {
			    font-weight: normal;
			    line-height:40px
					}
						.sui-table td {
			    font-weight: normal;
			    line-height:40px
					}
							</style>
				<div class="header-menu">
					<div class="ms-logo">
						<a class="ms-head-logo" name="Myyigou_index_none_daohangLogo"><span style="font-size: 30px;color: #fff;font-weight: bold;    line-height: 28px;;">我的买啦</span></a>

					</div>
					<nav class="ms-nav">
						<ul>
							
							<li class="nav-manage selected">
								<i class="nav-arrow"></i>
								
							</li>
							<li class="ms-nav-msg"><i class="nav-arrow"></i></li>
						</ul>
						<div class="ms-search">
							<form>
								<input id="" type="text" value="">
							</form>
						</div>
					</nav>
				</div>

			</article>

			<article class="ms-useinfo">
				<div class="header-useinfo" id="">
					

					<div class="ms-name-info">
						
						<div class="info-member">
							
							<span style="margin-left: 20px;">
        				 </span>
						</div>
						<div class="info-safety">
							<span class="safety-lv lv-3">
        				
							</span>
							
							
							
						</div>
					</div>
				</div>

			</article>
		</header>
		<div id="ms-center" class="personal-member">
			<div class="cont">
				<div class="cont-side">
				<div class="side-neck" style="margin-top: 20px;">
					<i></i>
				</div>
				<div class="ms-side" style="margin-top: 20px;">
					<article class="side-menu side-menu-off">
						<dl class="side-menu-tree" style="padding-left: 50px;">
							
							<dt>
								<img src="img/左侧/我的购物车.png"
									style="margin-right: 10px; margin-left: -20px;" />订单管理
							</dt>
							<dd>
								<a href="dingdan.jsp">旅游订单</a>

							</dd>
							<dd>
								<a>住宿订单</a>

							</dd>
							<dd>
								<a>出行订单</a>

							</dd>
							<dd>
								<a>我的收藏</a>

							</dd>
							
							<dt>
								<img src="img/左侧/我的买啦.png"
									style="margin-right: 10px; margin-left: -20px;" />个人资产
							</dt>
							<dd>
								<a>现金账户</a>

							</dd>
							<dd>
								<a>优惠券</a>

							</dd>
							<dd>
								<a>银行卡</a>

							</dd>
							
							<dt>
								<img src="img/左侧/file.png"
									style="margin-right: 10px; margin-left: -20px;" />个人信息
							</dt>
							
							<dd>
								<a>个人资料</a>

							</dd>
							<dd>
								<a>安全设置</a>

							</dd>
							<dd>
								<a>密码设置</a>

							</dd>
							<dt>
								<img src="img/左侧/v-card-3.png"
									style="margin-right: 10px; margin-left: -20px;" />售后服务
							</dt>
							<dd>
								<a>我的点评</a>

							</dd>
							<dd>
								<a>意见/投诉</a>

							</dd>
						</dl>

						<a ison="on" class="switch-side-menu icon-up-side"><i></i></a>
					</article>
				</div>
			</div>
				<div class="cont-main">
					<div class="main-wrap mt15" style="border: 0px;">
						      <ul class="sui-nav nav-tabs" style="margin-top:0px;width: 1000px;margin-left: 30px;">
								  <li   style="margin-left: -5px;"><a href="#profile" data-toggle="tab">所有订单</a></li>
								</ul>
							<div class="profile-info">
								<div class="control-group clearfix " style="width: 1020px;margin-bottom: 0px;">
									<div style="margin-top: -60px";>
                                        <div style="float:right;display: inline;margin-left:60px;display: inline-block;height: 25px;margin-right: -5px;padding-top: 10px;"> 
									    <img src="img/trash-拷贝.png"  style="height: 10px;width: 10px;" />
									           <font style="">订单回收站</font>
                                        </div> 
									 </div>
									
								</div>
							</div>
							<div style="margin-left: 30px;height: 25px;" >
								<input  type="text"  placeholder="输入旅游地点进行搜索 " style="width: 200px;height: 25px;font-size: 12px;" />
								<button style="height: 100%;margin-left: -5px;border: 1px #ccc solid;font-size: 12px;color:#353535;background-color: #f2f2f2;width: 100px;">订单搜索</button>
							</div>
							
							<div class="tab-content" style="width: 1000px;margin-top: 10px;border:1px #fff solid; border-top:transparent;margin-left: 30px;">
								  <div id="index" class="tab-pane " style="padding: 40px 30px;">
								  </div>
								 <div id="profile" class="tab-pane active" style="padding: 00px 00px;">
								 <div style="width: 920px;height: 50px;border: 1px #ccc solid;line-height: 50px;background-color: #fdfdfd">
								 	<span style="color: #858585;margin-left: 150px;">订单</span>
								 	<span style="color: #858585;margin-left: 130px;">价格(元)</span>
							
								 	<span style="color: #858585;margin-left: 230px;">实付款(元)</span>
								 	<span style="color: #858585;margin-left: 45px;">交易状态</span>
								 	<span style="color: #858585;margin-left: 45px;">交易操作</span>
								 </div>
								 <div style="width: 100%;height: 0px;padding: 10px;">
								 	
								 	
								    <div style="float: right;margin-right: 5px;">
								    	<input type="button"  style="display: inline-block;background-color: #fff; background-image: url(img/我的订单/组-39.png);width: 20px;height: 20px;border: 0px;background-repeat: no-repeat;" />
								    	<input type="button" style="border:0px;display: inline-block;background-color: #fff;background-image: url(img/我的订单/组-40.png);background-repeat: no-repeat;width: 58px;height: 20px;" />
								    </div>
								 </div>
						
						<!-- for -->
						
								
								<table>
								<c:forEach items="${list }" var="d">
								<tr>
								<td>
								 <div style="margin-top: 30px;width: 100%;height: 150px;border: 1px #ccc solid;">
								 <div style="width: 100%;height: 50px;background-color: #f5f5f5;vertical-align: middle;font-size: 12px;">
								<input type="checkbox" style="line-height: 50px;margin-left: 20px;"/>
								<span style="line-height: 50px;">2016-04-02</span>
								
					
								
								 </div>	
								 <div style="float: left;width: 65%;height: 12px;marg">
								 	<div style="width: 100%;">
								 	<img src="${d.picture }" style="height: 100px;float: left;" />
								 	
								 	<dl style="width: 220px;float: left;margin-left: 120px;margin-top: 40px;">${d.dname }</dl>
								    
								    <dl style="float: left;margin-left: 300px;margin-top: -20px;">${d.dprice }</dl>
								   
								   
								   
								    </div>
								 </div>	
								 
								 <div style="float: left;border-left: 1px #ccc solid;width: 11%;height:100px;text-align: center;">
								 	<span style="font-weight: bold;margin-top: 30px;display: block;">${d.dprice }</span>
								 	
								 </div>
								 <div style="float: left;border-left: 1px #ccc solid;width: 11%;height:100px;text-align: center ;">
								 	<dl style="margin-top: 30px;">卖家已发货</dl>
								 	<dl>订单详情</dl>
								 	<dl>查看物流</dl>
								 </div>
								 <div style="float: left;border-left: 1px #ccc solid;width: 11%;height:100px;text-align: center ;">
								 	<dl style="margin-top: 30px;">还有9天10时4分</dl>
								 	<button style="color:#fff;background-color: #65b5ff;border: 0px;padding: 4px;margin-top: 5px;margin-top: 5px;">确认收货</button>
								 </div>
								</div>
								</td>
								</tr>
								</c:forEach>
								</table>
								 
								
								 
								 
								 
							
								 <div style="width: 100%;height: 0px;padding: 10px;">
								 	<span style="line-height: 20px;">全选</span>
								 	<input type="button" value="批量确认收货"  style="padding: 2px;border: 1px #ccc solid;background-color: #fff;color: #ccc;margin-left: 20px;"/>
								 		
								 </div>		<p style="text-align:right;margin-top: 10px;width: 100%;">
							    	<span class="fenye"><</span><span class="fenye" style="margin-left: 10px;">1</span><span class="fenye">2</span><span class="fenye">3</span>.....<span class="fenye">></span>共1页，到<input type="text" value="1" style="width: 20px;margin-left: 10px;margin-right: 10px;" />页<button  style="background-color: #f95555;padding: 3px;border: 0px;color: #fff;margin-left: 10px;width: 50px;border-radius:4px;">确认</button>
							    		</p>
								 </div>
						    </div>		 
				
								  	
					</div>
				</div>

			</div>
		</div>
		</div>
		<div class="clear"></div>
		<div class="ng-footer">

			<textarea class="footer-dom" id="footer-dom-02">
			</textarea>
			<div class="ng-fix-bar"></div>
		</div>
		<style type="text/css">
			.fenye{
				    border: 1px #ccc solid;
				     padding: 3px; 
				    width: 20px;
			}
			.ng-footer {
				height:514px;
				margin-top: 0;
			}
			
			.ng-s-footer {
				height: 130px;
				background: none;
				text-align: center;
			}
			
			.ng-s-footer p.ng-url-list {
				height: 25px;
				line-height: 25px;
			}
			
			.ng-s-footer p.ng-url-list a {
				color: #666666;
			}
			
			.ng-s-footer p.ng-url-list a:hover {
				color: #f60;
			}
			
			.ng-s-footer .ng-authentication {
				float: none;
				margin: 0 auto;
				height: 25px;
				width: 990px;
				margin-top: 5px;
			}
			
			.ng-s-footer p.ng-copyright {
				float: none;
				width: 100%;
			}
			
			.root1200 .ng-s-footer p.ng-copyright {
				width: 100%;
			}
		</style>
		<script type="text/javascript" src="js/safe/ms_common.min.js"></script>
	</body>

</html>